React = require('react')
ReactDOM = require('react-dom')
Parallax = require('./parallax/Parallax')

TheContainer = React.createClass(
  render: ->
    <div>
      <Parallax bgImage="assets/1.jpg" strength={200}>
        <h1 className="content">Parallax 1</h1>
      </Parallax>
    </div>
)

App = React.createClass(
  render: ->
    <div>
      <div className="holder">1</div>
      <div className="holder">2</div>
      <div className="holder">3</div>
      <div className="holder">4</div>
      <TheContainer />
      <div className="holder">1</div>
      <div className="holder">2</div>
      <div className="holder">3</div>
      <div className="holder">4</div>
    </div>

)

ReactDOM.render(
  <App />, document.getElementById('app')
)
